﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>欢迎登录后台管理系统</title>
    <link rel="stylesheet" type="text/css" href="assets/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="assets/css/bootstrap-table.min.css">
    <link rel="stylesheet" type="text/css" href="assets/css/iconfont.css">
    <link rel="stylesheet" type="text/css" href="assets/css/style.css">
</head>
<body>
<div class="skin-default" id="wrapper">
    <header class="navbar-header">
        <div class="brand">
            <a class="navbar-brand" href="index.html" title="AlphaAdmin">后台管理系统(v1.0)</a>
        </div>
        <div class="navbar">
            <i class="sidebar-toggle iconfont icon-menu" data-toggle="push-menu" role="button">
            </i>
            <div class="navbar-menu pull-right">
                <ul class="nav navbar-nav">
                    <li class="dropdown message">

                    <li class="dropdown user">
                        <a class="dropdown-toggle" data-toggle="dropdown" href="#" title="用户">欢迎您，admin</a>
                        <ul class="dropdown-menu">
                            <li>
                                <a data-toggle="modal" data-target=".menu-setpassword" href="#" title="个人信息">
                                    <i class="iconfont icon-menu-user"></i>
                                    修改密码
                                </a>
                            </li>
                            <li>
                                <a href="#" title="系统设置">
                                    <i class="iconfont icon-setting"></i>
                                    系统设置
                                </a>
                            </li>
                            <li class="divider"></li>
                            <li>
                                <a data-toggle="modal" data-target=".menu-logout" href="#" title="登出">
                                    <i class="iconfont icon-power"></i>
                                    退出
                                </a>
                            </li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
    </header>
    <!-- 左侧导航 -->
    <aside class="main-sidebar">
        <div class="user-panel">
            <div class="image pull-left">
                <img src="assets/avatars/avatars.png" alt="">
            </div>
            <div class="info pull-right">
                <p class="title">admin</p>
                <strong>超级管理员</strong>
            </div>
        </div>
        <section class="sidebar">
            <ul class="sidebar-menu" data-widget="tree">
                <li class="active">
                    <a href="index.html" title="仪表盘">
                        <i class="iconfont icon-dashborad"></i>
                        <small>控制台</small>
                    </a>
                </li>
                <li class="active">
                    <a href="../index1/index.html" title="仪表盘">
                        <i class="iconfont icon-dashborad"></i>
                        <small>实时监控</small>
                    </a>
                </li>
                <li class="treeview">
                    <a href="#" title="图表">
                        <i class="iconfont icon-chart"></i>
                        <small>数据分析</small>
                        <span class=" pull-right">
								<i class="iconfont icon-menu-left-small"></i>
							</span>
                    </a>
                    <ul class="treeview-menu">
                        <li>
                            <a href="pages/chart/chartjs.html">
                                <i class="iconfont icon-circle-hollow"></i>
                                <small>客流分析</small>
                            </a>
                        </li>
                        <li>
                            <a href="pages/chart/echartjs.html">
                                <i class="iconfont icon-circle-hollow"></i>
                                <small>站点分析</small>
                            </a>
                        </li>
                        <li>
                            <a href="pages/chart/echartjs.html">
                                <i class="iconfont icon-circle-hollow"></i>
                                <small>预测分析</small>
                            </a>
                        </li>
                    </ul>
                </li>
                <li class="treeview">
                    <a href="#" title="表单">
                        <i class="iconfont icon-form"></i>
                        <small>故障报警</small>
                        <span class=" pull-right">
								<i class="iconfont icon-menu-left-small"></i>
							</span>
                    </a>
                    <ul class="treeview-menu">
                        <li>
                            <a href="pages/forms/editor.html">
                                <i class="iconfont icon-circle-hollow"></i>
                                <small>故障报警</small>
                            </a>
                        </li>
                    </ul>
                </li>
                <li class="treeview">
                    <a href="#">
                        <i class="iconfont icon-table"></i>
                        <small>用户管理</small>
                        <span class=" pull-right">
								<i class="iconfont icon-menu-left-small"></i>
							</span>
                    </a>
                    <ul class="treeview-menu">
                        <li>
                            <a href="pages/table/table.html">
                                <i class="iconfont icon-circle-hollow"></i>
                                <small>用户管理</small>
                            </a>
                        </li>
                        <li>
                            <a href="pages/table/data.html">
                                <i class="iconfont icon-circle-hollow"></i>
                                <small>员工管理</small>
                            </a>
                        </li>
                    </ul>
                </li>
                <li class="treeview">
                    <a href="#">
                        <i class="iconfont icon-folder"></i>
                        <small>地铁管理</small>
                        <span class=" pull-right">
								<i class="iconfont icon-menu-left-small"></i>
							</span>
                    </a>
                    <ul class="treeview-menu">
                        <li>
                            <a href="pages/page/login.html">
                                <i class="iconfont icon-circle-hollow"></i>
                                <small>列车管理</small>
                            </a>
                        </li>
                        <li>
                            <a href="pages/page/register.html">
                                <i class="iconfont icon-circle-hollow"></i>
                                <small>站点数据</small>
                            </a>
                        </li>
                    </ul>
                </li>
                <li class="treeview">
                    <a href="#">
                        <i class="iconfont icon-category"></i>
                        <small>后台监控</small>
                        <span class=" pull-right">
								<i class="iconfont icon-menu-left-small"></i>
							</span>
                    </a>
                    <ul class="treeview-menu">
<!--                      1  -->
                        <li>
                            <a href="http://192.168.40.128:3000/d/9CWBz0bik/1-node-exporter-for-prometheus-dashboard-cn-v20201010?orgId=1">
                                <i class="iconfont icon-circle-hollow"></i>
                                <small>服务器监控</small>
                            </a>
                        </li>
<!--                       2 -->
                        <li>
                            <a href="http://192.168.40.128:3000/d/IMbR1ouMz/tidb-status-copy?orgId=1&refresh=1m">
                                <i class="iconfont icon-circle-hollow"></i>
                                <small>TiDB监控</small>
                            </a>
                        </li>
<!--                        3-->
                        <li>
                            <a href="http://192.168.40.128:3000/d/Ss3q6hSZk/docker-and-os-metrics-cadvisor-node_exporter?orgId=1&refresh=5m">
                                <i class="iconfont icon-circle-hollow"></i>
                                <small>Docker监控</small>
                            </a>
                        </li>
                    </ul>
                </li>
            </ul>
        </section>
    </aside>
    <div class="page-wrapper">
        <div class="page-header">
            <h1 class="title">
                系统信息
                <small></small>
            </h1>
            <ol class="breadcrumb" style="font-size: 18px">
                <li>
                    <a class="active">
                        <!--							<i class="iconfont icon-home"></i>-->
                        <small>
                            <div class="header-left fl" id="time1"></div>
                        </small>
                    </a>
                </li>
                <!--                <li>-->
                <!--                    <small style="color: #0b6bbd">-->
                <!--                        星期三-->
                <!--                    </small>-->
                <!--                </li>-->
                <li>
                    <small style="color: #0b6bbd">
                        天气:晴
                    </small>
                </li>
                <li class="active">
                    <small style="color: #0b6bbd">温度:25℃</small>
                </li>
                <li class="active">
                    <small style="color: #0b6bbd">湿度:74.9</small>
                </li>
                <li class="active">
                    <small style="color: #0b6bbd">空气:54.9</small>
                </li>
            </ol>
        </div>
        <section class="page-body">
            <div class="row">
                <div class="table-responsive">
                    <table class="table table-striped table-hover">
                        <tbody>
                        <tr>
                            <td>登录时间:</td>
                            <td>2021年4月21日</td>
                            <td>登录IP:</td>
                            <td>172.19.8.123(成都市)</td>
                        </tr>
                        <tr>
                            <td>操作系统:</td>
                            <td>Windows Linux</td>
                            <td>服务器:</td>
                            <td>Apache/2.4.10 (Win10) JumpServer/3.0.1</td>
                        </tr>
                        <tr>
                            <td>浏览器:</td>
                            <td>Firefox</td>
                            <td>Java版本:</td>
                            <td>1.8</td>
                        </tr>
                        <tr>
                            <td>
                                程序编码:
                            </td>
                            <td>UTF-8</td>
                            <td>
                                MySQL版本
                            </td>
                            <td>5.7.0</td>
                        </tr>
                        <tr>
                            <td>
                                Hadoop版本:
                            </td>
                            <td>2.7.3</td>
                            <td>
                                TiDB版本
                            </td>
                            <td>4.0.12</td>
                        </tr>
                        <tr>
                            <td>当前操作者:</td>
                            <td>admin</td>
                            <td>服务器IP:</td>
                            <td>192.168.10.79--81</td>
                        </tr>
                        <tr>
                            <td>当前版本:</td>
                            <td>V 1.0(20210318)</td>
                            <td>当前时间:</td>
                            <td>
                                <div class="header-left fl" id="time"></div>
                            </td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>
            <div class="row widget">
                <section class="col-lg-7 widget-drag">
                    <div class="box chart">
                        <div class="box-header" data-trigger="drag">
                            <h3 class="box-title">客流量变化情况</h3>
                            <div class="box-tools pull-right">
                                <button class="" type="button" data-toggle="collapse">
                                    <i class="iconfont icon-minus"></i>
                                </button>
                            </div>
                        </div>
                        <div class="box-body" id="chart1">
                            <canvas id="lineChart" style="width: 100%;height: 280px;"></canvas>
                        </div>
                    </div>

                </section>
                <section class="col-lg-5 widget-drag">
                    <div class="box chart">
                        <div class="box-header" data-trigger="drag">
                            <h3 class="box-title">地铁状态统计</h3>
                            <div class="box-tools pull-right">
                                <button class="" type="button" data-toggle="collapse">
                                    <i class="iconfont icon-minus"></i>
                                </button>
                            </div>
                        </div>
                        <div class="box-body" id="chart">
                            <canvas id="doughnutChart" style="width: 100%;height: 280px;"></canvas>
                        </div>
                    </div>
                </section>
            </div>
        </section>
    </div>
    <!-- 修改密码模态框 -->
    <div class="modal fade menu-setpassword" tabindex="-1" role="dialog">
        <div class="modal-dialog modal-sm" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                    <h4 class="modal-title">修改密码</h4>
                </div>
                <div class="modal-body">
                    <table class="table">
                        <tbody>
                        <tr>
                            <th>
                                旧密码
                            </th>
                            <td>
                                <input type="text" class="form-control" placeholder="请输入旧密码" name="js-oldPassword">
                            </td>
                        </tr>
                        <tr>
                            <th>
                                新密码
                            </th>
                            <td>
                                <input type="text" class="form-control" placeholder="请输入新密码" name="js-newPassword">
                            </td>
                        </tr>
                        <tr>
                            <th>
                                确认密码
                            </th>
                            <td>
                                <input type="text" class="form-control" placeholder="请再次输入新密码" name="js-verifyPassword">
                            </td>
                        </tr>
                        </tbody>
                    </table>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                    <button type="button" class="btn btn-primary">保存</button>
                </div>
            </div>
        </div>
    </div>
    <!-- 退出提示模态框 -->
    <div class="modal fade menu-logout" tabindex="-1" role="dialog">
        <div class="modal-dialog modal-sm" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                    <h4 class="modal-title">提示</h4>
                </div>
                <div class="modal-body">
                    <p>是否确定退出?</p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                    <a class="btn btn-primary" href="../login/login.html">退出</a>
                </div>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript" src="assets/js/jquery-2.1.0.min.js"></script>
<script type="text/javascript" src="assets/js/jquery-ui.min.js"></script>
<script type="text/javascript" src="assets/js/bootstrap.min.js"></script>
<script type="text/javascript" src="assets/libs/tinymce/tinymce.min.js"></script>
<script type="text/javascript" src="assets/js/Chart.min.js"></script>
<script type="text/javascript" src="assets/js/echarts.min.js"></script>
<script type="text/javascript" src="assets/js/alpha.js"></script>
<script type="text/javascript" src="assets/js/dashboard.js"></script>
<script src="page/js/jquery.min.js"></script>
<script src="page/js/wodry.min.js"></script>
<script src="page/js/fontscroll.js"></script>
<script>
    //顶部时间
    function getTime() {
        var myDate = new Date();
        var myYear = myDate.getFullYear(); //获取完整的年份(4位,1970-????)
        var myMonth = myDate.getMonth() + 1; //获取当前月份(0-11,0代表1月)
        var myToday = myDate.getDate(); //获取当前日(1-31)
        var myDay = myDate.getDay(); //获取当前星期X(0-6,0代表星期天)
        var myHour = myDate.getHours(); //获取当前小时数(0-23)
        var myMinute = myDate.getMinutes(); //获取当前分钟数(0-59)
        var mySecond = myDate.getSeconds(); //获取当前秒数(0-59)
        var week = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'];
        var nowTime;

        nowTime = myYear + '-' + fillZero(myMonth) + '-' + fillZero(myToday) + '&nbsp;&nbsp;' + fillZero(myHour) + ':' + fillZero(myMinute) + ':' + fillZero(mySecond) + '&nbsp;&nbsp;' + week[myDay] + '&nbsp;&nbsp;';
        //console.log(nowTime);
        $('#time').html(nowTime);
        $('#time1').html(nowTime);
    };

    function fillZero(str) {
        var realNum;
        if (str < 10) {
            realNum = '0' + str;
        } else {
            realNum = str;
        }
        return realNum;
    }

    setInterval(getTime, 1000);
</script>
<style>
    .copyrights {
        text-indent: -9999px;
        height: 0;
        line-height: 0;
        font-size: 0;
        overflow: hidden;
    }
</style>

</body>
</html>